<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>浩琪1</title>
    <link rel="shortcut icon" type="image/png" href="image/logo.png"/>
    <link rel="stylesheet" href="yes11.css">
</head>
<body>
    <!-- 页首 -->
    <header>
       <div class="logo">
        <img src="image/logo.png" alt="">
       </div>
       <div class="menu">
            <ul>
                <li class="menu1">
                    <a href="">正在热映</a>
                </li>
                <li class="menu2">
                    <a href="">即将上映</a>
                </li>
            </ul>
       </div>
    </header>
    <!-- 主体 -->
    <main>
        <div class="banner">
            <img src="image/lpic1.jpg" alt="">
        </div>
        <div class="center">
            <!-- 电影1 -->
            <div class="movie">
                <!-- 左侧图片 -->
                <div class="left">
                    <a href="shili1.html"><img src="image/apic1.jpg" style="width:150px;height: 180px;"/></a>
                    <!--点击图片可以进入电影详细介绍界面-->
                </div>
                <!-- 文字 -->
                <div class="right">
                    <div class="wenzi">
                        <span class="title">西虹市首富 <br><br></span>
                        <span class="text">观众评分 <span class="special">9.1</span> <br>
                            导演：闫菲 彭大魔 <br>
                            主演：沈腾 宋芸桦 张一鸣 常远 <br></span>
                    </div>
                    <div class="choose">
                        <div class="pay">
                            <a href="shili4.html">购票</a>
                        </div>
                    </div>
                </div>
                <div class="last">
                    <span class="text"><span class="special">专访</span>|宋芸桦：我和沈腾</span>
                </div>
            </div>
            <!-- 电影2 -->
            <div class="movie">
                <!-- 左侧图片 -->
                <div class="left">
                    <img src="image/apic2.jpg" style="width:150px;height: 180px;"/>
                </div>
                <!-- 文字 -->
                <div class="right">
                    <div class="wenzi">
                        <span class="title">的士速递5 <br><br></span>
                        <span class="text">观众评分 <span class="special">7.3</span> <br>
                            导演：弗兰克·盖思堂彼得 <br>
                            主演：萨巴纳·奥扎尼 马利克·班泽拉 <br></span>
                    </div>
                    <div class="choose">
                        <div class="pay">
                            <a href="">购票</a>
                        </div>
                    </div>
                </div>
                <div class="last">
                    <span class="text"><span class="special">专访</span>|演员伯纳·法西:完成任务！</span>
                </div>
            </div>
            <!-- 电影3 -->
            <div class="movie">
                <!-- 左侧图片 -->
                <div class="left">
                    <img src="image/apic4.jpg" style="width:150px;height: 180px;"/>
                </div>
                <!-- 文字 -->
                <div class="right">
                    <div class="wenzi">
                        <span class="title">狄仁杰之四大天王<br><br></span>
                        <span class="text">观众评分 <span class="special">6.1</span> <br>
                            导演：徐克 <br>
                            主演：赵又廷 / 冯绍峰 / 林更新 / 阮经天 / 马思纯 <br></span>
                    </div>
                    <div class="choose">
                        <div class="pay">
                            <a href="">购票</a>
                        </div>
                    </div>
                </div>
                <div class="last">
                    <span class="text"><span class="special">专访</span>徐克：悬疑</span>
                </div>
            </div>
            <!-- 电影4 -->
            <div class="movie">
                <!-- 左侧图片 -->
                <div class="left">
                    <img src="image/api.jpg"style="width:150px;height: 180px;"/>
                </div>
                <!-- 文字 -->
                <div class="right">
                    <div class="wenzi">
                        <span class="title">泰坦尼克号 <br><br></span>
                        <span class="text">观众评分 <span class="special">9.5</span> <br>
                            导演：詹姆斯·卡梅隆 <br>
                            主演：凯特·温丝莱特 比利·赞恩 凯西·贝茨 弗兰西丝·费舍 <br></span>
                    </div>
                    <div class="choose">
                        <div class="pay">
                            <a href="">购票</a>
                        </div>
                    </div>
                </div>
                <div class="last">
                    <span class="text"><span class="special">专访</span>|“失去的才是永恒的。”</span>
                </div>
            </div>
            <!-- 电影5 -->
            <div class="movie">
                <!-- 左侧图片 -->
                <div class="left">
                    <img src="image/flash.jpg"style="width:150px;height: 180px;"/>
                </div>
                <!-- 文字 -->
                <div class="right">
                    <div class="wenzi">
                        <span class="title">闪电侠 The Flash <br><br></span>
                        <span class="text">观众评分 <span class="special">7.9</span> <br>
                            导演： 安德斯·穆斯切蒂 <br>
                            主演： 埃兹拉·米勒 / 本·阿弗莱克 / 迈克尔·基顿 <br></span>
                    </div>
                    <div class="choose">
                        <div class="pay">
                            <a href="">购票</a>
                        </div>
                    </div>
                </div>
                <div class="last">
                    <span class="text"><span class="special">专访</span>|观众：最快的英雄!</span>
                </div>
            </div>
        </div>
    </main>
    <!-- 页脚 -->
    <footer>
        <!-- 电影 -->
        <div class="choose1">
            <a href=""><img src="image/c1.png" alt=""><br>电影</a>
        </div>
        <!-- 影院 -->
        <div class="choose1">
            <a href="yes2.html"><img src="image/c22.png" alt=""><br>影院</a>
        </div>
        <!-- 我的 -->
        <div class="choose1">
            <a href=""><img src="image/c3.png" alt=""><br>我的</a>
        </div>
    </footer>
</body>
</html>




